<template>
  <div>
      <CommentMain v-for="item in commentList" :key="item.id" :commentData='item'/>
  </div>
</template>

<script>
import CommentMain from '@/components/myframe/Main.vue'
export default {
    components:{
        CommentMain
    },    
   data () {
       return {
           commentList:[
               {id:1,content:'乱搞的'},
               {id:2,content:'随便'},
               {id:3,content:'冷漠'},
               {id:4,content:'高吭'},
               {id:5,content:'从前有座山'},              
               {
                id:6,
               content:'山里有座庙',
               parent:{id:5,content:'从前有座山'}
               },
               {
                id:7,
               content:'老和尚对小和尚说',
               parent:{
                id:6,
               content:'从前有座山',
               parent:{id:5,content:'山里有座庙'}
               }
               },
               ]
       }
   }
}
</script>

<style>

</style>